<style>
    ul>li>div>span>a{
        line-height: 26px;
        font-size: 13px;
        cursor:pointer;
    }
    td{
        padding: 6px !important;
    }
    .time{
        float: right;
        font-size: 8px;
    }
    .more{
        cursor:pointer;
    }
    body{
        background-color:white;
    }
    .scrollDiv {
        overflow-y: auto;
    }
</style>
<ul class="nav nav-tabs" role="tablist">
    {% if rooms is defined and rooms | length > 0 %}
        {% for id,text in rooms %}
            <li role="presentation" {% if loop.first %} class="active" {% else %} class="" {% endif %} >
                <a href="#room{{ id }}" aria-controls="room{{ id }}" role="tab" data-toggle="tab">{{ text }}</a>
            </li>
        {% endfor %}
    {% endif %}
</ul>
<div class="tab-content">
    {% if rooms is defined and rooms | length > 0 %}
        {% for id,text in rooms %}
            <div role="tabpanel" class="tab-pane {% if loop.first %} active {% endif %} " id="room{{ id }}">
                <table class="table table-bordered" style="margin-bottom: 0px;border-top: 0px;border-bottom: 0px;">
                    <tr class="info">
                        <th style="width: 35%">会议时间</th>
                        <th style="width: 35%;">会议标题</th>
                        <th style="width: 30%;">申请人</th>
                    </tr>
                </table>
                <div class="scrollDiv">
                    <table  class="table  table-bordered" style="width: 100%;">
                        {% if data is defined %}
                            {% if data[id] is defined and data[id] | length > 0 %}
                                {% for i,item in data[id] %}
                                    <tr>
                                        <td style="width: 35%">{{ item['timePeriods'] }}</td>
                                        <td style="width: 35%;word-wrap: break-word;">{{ item['sTitle'] }}</td>
                                        <td style="width: 30%">{{ item['sApplyName'] }}</td>
                                    </tr>
                                {% endfor %}
                                <tr class="success">
                                    <td colspan="3" style="text-align: right;">
                                        <a style="cursor: pointer;margin-right: 5px" onclick="window.top.xhTop.createNewTab('会议列表', baseUrl+'lm/meeting/index?roomId={{ id }}')">查看更多...</a>
                                    </td>
                                </tr>
                            {% else %}
                                <tr>
                                    <td colspan="3" style="text-align: center">暂无数据</td>
                                </tr>
                                <tr class="success">
                                    <td colspan="3" style="text-align: right;">
                                        <a style="cursor: pointer;margin-right: 5px" onclick="window.top.xhTop.createNewTab('会议列表', baseUrl+'lm/meeting/index?roomId={{ id }}')">查看更多...</a>
                                    </td>
                                </tr>
                            {% endif %}
                        {% endif %}
                    </table>
                </div>
            </div>
        {% endfor %}
    {% endif %}
</div>
